<!-- src/views/Order.vue -->
<template>
  <div class="order-page">
    <!-- 左侧导航栏 -->
    <Left_Nav></Left_Nav>

    <!-- 右侧内容区域 -->
    <main class="content">
      <Table /> <!-- 引入你已有的表格组件 -->
    </main>
  </div>
</template>

<script setup>
import Table from '@/components/Table.vue'
import Left_Nav from "@/components/Left_Nav.vue";
</script>

<style scoped>
.order-page {
  display: flex;
}

.sidebar {
  width: 200px;
  background-color: #f4f4f4;
  padding: 20px;
  height: 100vh;
}

.sidebar h3 {
  margin-bottom: 20px;
}

.sidebar ul {
  list-style: none;
  padding: 0;
}

.sidebar li {
  margin: 15px 0;
}

.sidebar a {
  text-decoration: none;
  color: #333;
  font-weight: bold;
}

.sidebar a.router-link-exact-active {
  color: #1abc9c;
}

.content {
  flex: 1;
  padding: 20px;
}

</style>
